﻿@model IEnumerable<DslamPort.Models.DslamPortModel>        
<!--Body-->
<div align="center">
    <h2>
        QUẢN LÝ PORT DSLAM</h2>
</div><br>
<div class="container_12">
    <div class="grid_12">
        
        @using (Html.BeginForm("FindDslamPort", "DslamPort", FormMethod.Post, new { id = "FindDslamPort", name = "FindDslamPort" }))
        {
            <p style="text-align: left; width: 50%; padding-left: 5px">
                Đơn vị:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                @if (ViewBag.donvi != null)
                {                               
                    @Html.DropDownList("quan_huyen_id", ViewBag.donvi as SelectList, "---Chọn Đơn vị---",new { style = "width: 200px;" })                               
                }
                
            </p> 
            <p style="text-align: left; width: 54%; padding-left: 5px">                
                Xã phường:
                @if (ViewBag.khuvuc == null)
                {    
                    @Html.DropDownList("xa_phuong_id", Enumerable.Empty<SelectListItem>(), "---Chọn Xã phường---",new { style = "width: 200px;" })
                }
                else
                {
                    @Html.DropDownList("xa_phuong_id", ViewBag.khuvuc as SelectList, "---Chọn Xã phường---",new { style = "width: 200px;" })
                }
                
            </p>  
            <p style="text-align: left; width: 65%; padding-left: 4px">   
                Tổ:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                @if (ViewBag.todanpho == null)
                {    
                    @Html.DropDownList("todanpho_id", Enumerable.Empty<SelectListItem>(), "---Chọn Tổ dân phố---",new { style = "width: 201px;" })
                }
                else
                {
                    @Html.DropDownList("todanpho_id", ViewBag.todanpho as SelectList, "---Chọn Tổ dân phố---",new { style = "width: 201px;" })
                }
                                
            </p> 
           
        }
        
    </div>
    <div style="clear: both;">
    </div>
</div>
<script type="text/javascript">
//    $("#quan_huyen_id").change(function () {
//        $("#todanpho_id").html("<option value=''>---Chọn Tổ dân phố---</option>");
//        $.ajax({
//            type: "POST",
//            url: '@Url.Action("getDslamJson", "DslamPort")',
//            data: { quan_huyen_id: $("#quan_huyen_id > option:selected").attr("value"), Order: "name" },
//            success: function (data) {
//                var items = [];
//                items.push("<option value=''>---Chọn Dslam---</option>");
//                $.each(data, function () {
//                    items.push("<option value='" + this.Value + "'>" + this.Text + "</option>");
//                });
//                $("#system_id").html(items.join(' '));
//            }
//        })
//    });
    $("#quan_huyen_id").change(function () {
        $("#todanpho_id").html("<option value=''>---Chọn Tổ dân phố---</option>");
        $.ajax({
            type: "POST",
            url: '@Url.Action("getKhuvucJson", "DslamPort")',
            data: { quan_huyen_id: $("#quan_huyen_id > option:selected").attr("value"), Order: "ten" },
            success: function (data) {
                var items = [];
                items.push("<option value=''>---Chọn Xã phường---</option>");
                $.each(data, function () {
                    items.push("<option value='" + this.Value + "'>" + this.Text +"_"+this.Value+ "</option>");
                });
                $("#xa_phuong_id").html(items.join(' '));
            }
        })
    });
    $("#xa_phuong_id").change(function () {
        $("#system_id").html("<option value=''>---Chọn Dslam---</option>");
        $.ajax({
            type: "POST",
            url: '@Url.Action("getTodanphoJson", "DslamPort")',
            data: { xa_phuong_id: $("#xa_phuong_id > option:selected").attr("value"), Order: "ten" },
            success: function (data) {
                var items = [];
                items.push("<option value=''>---Chọn Tổ dân phố---</option>");
                $.each(data, function () {
                    items.push("<option value='" + this.Value + "'>" + this.Text + "_" + this.Value + "</option>");
                });
                $("#todanpho_id").html(items.join(' '));
            }
        })
    });
    
</script>
